import {designPage, reactive} from "plain-design-composition";
import {DemoRow} from "../../Demo/DemoRow";
import * as React from "react";
import {Switch} from "../../../../packages";

export const demo1 = designPage(() => {

  const state = reactive({
    formData: {} as any
  });

  return () => (
    <DemoRow title="基本用法">
      <Switch v-model={state.formData.name}/>
      <span>{JSON.stringify(state.formData.name)}</span>
    </DemoRow>
  );
});
